import React from 'react';
import TweenOne from 'rc-tween-one';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import { imgdd } from './a.json'
import { PhoneOutlined, EnvironmentOutlined } from '@ant-design/icons';
type P = {
  id?: string
}
type S = {
  phoneOpen?: boolean
}


class Footer extends React.PureComponent<P, S> {
  render() {
    return (
      <div id={this.props.id} className="container-fluid" >
        <div className="row">
          <div className="col">
            <div className="container-xl foter" >
              <div className="row">
                <div className="col">
                  <h4>联系我们</h4>
                  <hr />
                  <div className="phone">
                    <PhoneOutlined size={24} />
                    <span className="span">010-8648-3029</span>
                  </div>
                  <div className="phone">
                    <EnvironmentOutlined size={24} />
                    <span className="span">北京东城区景山街道大取灯胡同2号</span>
                  </div>
                </div>
                <div className="col">
                  <h4>相关链接</h4>
                  <hr />
                  <div>
                    <a href="#">
                      哈尔滨工业大学
                    </a>
                    <a href="#">
                      NOI全国青少年信息学奥林匹克竞赛
                    </a>
                    <br />
                  </div>
                  <div>
                    <a href="#">机器人与智能制造青少年科技培养基地</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div className="row">
          <div className="machine">
            <span>北京哈工科教机器人科技有限公司版权所有 | Copyright©2017-2021 HteRobot All Rights Reserved</span>
            <a target="_blank" href="https://beian.miit.gov.cn/">京ICP备17067728号-1</a>&nbsp;
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010602040112">京公网安备11010602040112号</a>&nbsp;
            <img width="14" src={imgdd} />
          </div>
        </div>
      </div>
    );
  }
}

export default Footer;
